<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
		"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<link href="css/bootstrap.css" type="text/css" rel="stylesheet">
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script>
	<script type="text/javascript" src="js/jquery.dataTables.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$('table#dataTable').dataTable();
		});
	</script>
	<style type="text/css">
		.dataTables_filter{
			display: inline-block;
			margin-bottom: 0;
			vertical-align: middle;
			padding: 10px 10px 10px 100px;
		}
		.dataTables_length{
			display: inline-block;
			margin-bottom: 0;
			vertical-align: middle;
			padding: 10px 10px 10px 10px;
		}
		.dataTables_length select, .dataTables_length label, .dataTables_filter label, .dataTables_filter input{
			display: inline-block;
			margin-bottom: 0;
			vertical-align: middle;
		}
		.dataTables_info{
			background-color: #3a87ad;
			color: #f8f8ff;
		}
	</style>
	<title>Table page</title>
</head>
<body>
	<div style="background-color:#E9E9E9; width: 700px; margin-left: auto; margin-right: auto;">
		<h2>header here</h2>
		<table class="table table-striped table-bordered table-condensed" id="dataTable">
			<thead>
				<tr>
					<th>Column 1</th>
					<th>Column 2</th>
					<th>Column 3</th>
					<th>Column 4</th>
					<th>Column 5</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>Column 1</td>
					<td>Column 2</td>
					<td>Column 3</td>
					<td>Column 4</td>
					<td>Column 5</td>
				</tr>
				<tr>
					<td>Column a</td>
					<td>Column b</td>
					<td>Column c</td>
					<td>Column d</td>
					<td>Column e</td>
				</tr>
			</tbody>
		</table>
	</div>
</body>
</html>
